jQuery(document).ready(function($){
	deviceData.all_fun();
	
	 $.ajax({
        url: "http://127.0.0.1:8080/yfcloud/a"+'/app/screen/show/listLocal',
        data:{
        	"pageNo":1,
        	"pageSize":6,
        },
        dataType: "json",
		type: 'POST',
        success: function (data) {
            
        }
    });

});
var deviceData=(function(){
	var all_fun=function(){
		waterChart();
		dataChart();
	};
	var waterChart=function(){
	 // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById("moniterChart"), 'macarons');
    var option = {
        tooltip : {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        legend: {
            data:['数据1','数据2'],
            show:false
        },
        color:['#466CAD','#59CF71'],
        grid: {
            top:'3%',
            left: '1%',
            right: '1%',
            bottom: '1%',
            containLabel: true
        },
        xAxis: {          
            axisTick: {
                show: false
            },
            axisLine:{
                show:false,
            },  
            axisLabel:{
                color:'#000'
            },
            splitLine:{
                show:false
            },
            type: 'category',
            boundaryGap: false,
            data: ['1', '2', '3', '4', '5', '6', '7'],        
        },
        yAxis: {
            axisTick: {
                show: false
            },
            axisLine:{
                show:true,
                lineStyle:{
        			color:'#ccc',
        			}
            },
            axisLabel:{
                color:'#000'
            },
            splitLine:{
                show:true
            },
            type: 'value'
        },
        series: [{
            name:'数据1',
            data: [120, 932, 601, 534, 1290, 730, 420],
            type: 'line',
            smooth: true
        },
        {
            name:'数据2',
            data: [1120, 532, 901, 134, 690, 830, 520],
            type: 'line',
            smooth: true
        }]
    };
    
    myChart.setOption(option, true);
};
var dataChart=function(){
	 // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('datachangeChart'));
        // 指定图表的配置项和数据
        var option = {
        	grid:{
        		left:30,
        		right:10,
        		bottom:20,
        		top:20
        	},
        	 xAxis: {          
            axisTick: {
                show: false
            },
            axisLine:{
                show:false,
            },  
            axisLabel:{
                color:'#000'
            },
            splitLine:{
                show:false
            },
            type: 'category',
            boundaryGap: false,
            data: ['1', '2', '3', '4', '5', '6', '7'],        
        },
		  yAxis: {
		    axisTick: {
		        show: false
		    },
		    axisLine:{
		        show:true,
		        lineStyle:{
					color:'#ccc',
					}
		    },
		    axisLabel:{
		        color:'#000'
		    },
		    splitLine:{
		        show:true
		    },
		    type: 'value'
    },
			series: [{
	            name:'总流量',
	            type:'line',
	            scale: true,
	            areaStyle: {normal: {
	            	color:'#4fff0a',
	            	opacity:.3
	            }},
	            itemStyle:{
		             	normal:{
		             		color:'#4fff0a',
		             		lineStyle:{
		             			width:1,
		             			color:'#4fff0a'
		             		}
		             	}
             },
	            data: (function() {
			            var res = [];
			            var len = 10;		            
			            while (len--) {
			            	var arr=Math.round(Math.random() * 10);
			                res.push(arr);
			            }
			            return res;
			        })()
	        	},
        {
            name:'电信4G',
            type:'line',
             smooth: true,
              areaStyle: {normal: {
	            	color:'#f5ff4d',
	            	opacity:.3
	            }},
	            itemStyle:{
		             	normal:{
		             		color:'#f5ff4d',//4096FD
		             		lineStyle:{
		             			width:1,
		             			color:'#f5ff4d'
		             		}
		             	}
             },
            data: (function() {
		            var res = [];
		            var len = 10;
		            while (len--) {
		            	var arr=Math.round(Math.random() * 10);
		                res.push(arr);
		            }
		            return res;
		        })()           
        }]
		};
		myChart.setOption(option);
		IntervaL1=setInterval(function() {
			    var data0 = option.series[0].data;
			    var data1 = option.series[1].data;
			    	data0.shift();
			    	data0.push(Math.round(Math.random() * 20+40));
			    	data1.shift();
			    	data1.push(Math.round(Math.random() * 20+10));
			    myChart.setOption(option);			    		   
		}, 3000);
};
return{
	all_fun:all_fun,
	waterChart:waterChart,
	dataChart:dataChart
}
})();


